<template>
  <div class="card-out-container target-yield-container" >
    <a-tabs v-model:activeKey="activeKey" >
      <a-tab-pane key="1" :tab="$t('other.targetYieldManagement')"></a-tab-pane>
      <a-tab-pane key="2" :tab="$t('other.productionCalendarOverview')"></a-tab-pane>
    </a-tabs>
    <PageList v-if="activeKey ==1"   />
    <PageCalendar v-if="activeKey == 2"  />
  </div>
</template>

<script>
import PageList from './modules/pageList.vue'
import PageCalendar from './modules/pageCalendar.vue'
export default {
  name: 'targetYieldManage',
  components: {
    PageList,
    PageCalendar
  },
  data () {
    return {
      activeKey: '1', 
    }
  },
  methods: { 
  }
}
</script>